<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<script type='text/javascript' src='dwr/engine.js'> </script>
<script type='text/javascript' src='dwr/util.js'> </script>
<script type='text/javascript' src='dwr/interface/GameCenter.js'> </script>
<script type='text/javascript' src='js/player.js'> </script>
<script type='text/javascript' src='js/mainframe.js'> </script>
<!-- Combo-handled YUI CSS files: --> 
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.8.0r4/build/datatable/assets/skins/sam/datatable.css"> 
<!-- Combo-handled YUI JS files: --> 
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js&2.8.0r4/build/dragdrop/dragdrop-min.js&2.8.0r4/build/element/element-min.js&2.8.0r4/build/datasource/datasource-min.js&2.8.0r4/build/datatable/datatable-min.js"></script> 
<title>Insert title here</title>
<script type="text/javascript">
	
	
</script>
</head>
<body onload="dwr.engine.setActiveReverseAjax(true);initMainPage();" class="yui-skin-sam">
	<div id="main">
		<div id="header" style="width:auto;height:100px;border:1px solid red">
			HEADER
		</div>
		<div id="body" style="width:auto;height:600px;color:red">
			<div style="width:450px;height:400px;border:1px solid red;float:left">
				<div id="content" >
				
				</div>
				<div id="joingame" ></div>
			</div>
			
			<div id="users" style="width:450px;height:400px;border:1px solid red;float:left">
				
			</div>
			<div id="message" style="width:20%;height:600px;border:1px solid red;float:right">
				Message
			</div>
		</div>	
		<div id="footer" style="width:auto;height:100px;border:1px solid red">
			FOOTER
		</div>
	</div>
</body>
</html>